<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jb-aptech毕业设计项目</TITLE>
<meta name="renderer" content="ie-comp">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script src="../script/common.js"></script>
<script src="../script/jquery-3.3.1.min.js" ></script>
 <script src="../script/fusioncharts.charts.js"></script>
 <script src="../script/fusioncharts-jquery-plugin.min.js"></script>
 <script src="../script/js/fusioncharts.js"></script>
  <script src="../script/js/themes/fusioncharts.theme.fint.js"></script>
</head>
<body>
<div id="app">
<div class="page_title">客户贡献分析</div>
<div class="button_bar">
	<button class="common_button" onclick="help('');">帮助</button>
	<button class="common_button" onclick="reload();">查询</button>
	</div>
<table class="query_form_table">
	<tr>
		<th>客户名称</th>
		<td><input /></td>
		<th>年份</th>
		<td>
			<select>
				<option>全部</option>
				<option>2005</option>
				<option>2006</option>
				<option>2007</option>
				<option>2008</option>
				<option>2009</option>
				<option>2010</option>
			</select>
		</td>
	</tr>
	</table>
<br />
<table class="data_list_table">
	<tr>
		<th>编号</th>
		<th>客户名称</th>
		<th>订单金额（元）</th>
	</tr>
	<tr v-for="i in page.records">
		<td class="list_data_number">{{i.custId}}</td>
		<td class="list_data_ltext">{{i.custName}}</td>
		<td class="list_data_number">{{i.custOrderAmount}}</td>
	</tr>


</table>
</div>
<script src="../../../js/vue2.js"></script>
<script src="../../../js/axios.min.js"></script>
<script>
	const vue = new Vue({
		el:'#app',
		data:{
			page:{
				records:[],//数据
				total:0,//总记录数
				size:10,//每页条数
				current:1//当前页
			}
		},
		methods:{
			getPage(){
				axios.post("/CstCustomer/Page",this.page).then(res=>{
					this.page = res.data;
				});
			}
		},
		created(){
			this.getPage();
		}
	});
</script>
</body>
</html>